
<!DOCTYPE html>
<!--[if lt IE 7]>   <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>      <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>      <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>

		<meta charset="utf-8">
		<title>Summarize - Responsive Blog/Magazine</title>
		<meta name="description" content="">

		<!-- Mobile Devices Viewport Resset-->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
		<meta name="apple-mobile-web-app-capable" content="yes">

		<link rel="stylesheet" href="../vendor/bootstrap/css/bootstrap.min.css">

		<link rel="stylesheet" href="../vendor/font-awesome/css/font-awesome.min.css">
		<!--[if IE 8]>
			<link rel="stylesheet" href="../vendor/font-awesome/css/font-awesome-ie7.min.css">
		<![endif]-->

		<link rel="stylesheet" href="../vendor/prettyPhoto/css/prettyPhoto.css">

		<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Lato:300,400,700,400italic,700italic|Droid+Serif' rel='stylesheet' type='text/css'>

		<!-- base layout styling -->
		<link rel="stylesheet" href="../css/base.css">

		<!-- components styling -->
		<link rel="stylesheet" href="../css/components.css">
		
		<!-- template colorschemes -->
		<link rel="stylesheet" href="../colorschemes/light.css">

		<script src="../vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>

	</head>
	<body>

		<h1 class="sr-only">Summarize</h1>
			
		<nav id="header" class="header-navbar" role="navigation">

			<div class="header-navbar-inner container">
			
				<div id="brand" class="navbar-brand">
					<a href="index.html" rel="bookmark">

						<!-- to disable lazy loading, remove data-src and data-src-retina -->
						<img src="../img/light-logo.png" data-src="../img/light-logo.png" data-src-retina="../img/logo-retina.png" width="244" height="56" alt="">

						<!--fallback for no javascript browsers-->
						<noscript>
							<img src="../img/light-logo.png" alt="">
						</noscript>
					</a>
				</div>

				<ul class="nav nav-pages hidden-xs">
					<li><a href="#">About</a></li>
					<li><a href="#">Contact</a></li>
					<li><a href="#">Advertise </a></li>
					<li><a href="#">Terms &amp; Conditions</a></li>
					<li><a href="#">Privacy</a></li>
				</ul>

				<ul class="nav nav-icons">
					<li>
						<a href="#" class="btn-icon" data-toggle=".header-navbar-inner" data-toggle-class="search-toggled-in">
							<span class="search-toggled-out-icon glyphicon glyphicon-search"></span>
							<span class="search-toggled-in-icon glyphicon glyphicon-remove"></span>
						</a>
					</li>
				</ul>

				<div class="search-wrapper js-stoppropagation">
					<div class="search-wrapper-inner">
						<form>
							<input type="text" value="" placeholder="search ... ">
							<button class="btn-icon" type="submit"><span class="glyphicon glyphicon-search"></span></button>
						</form>
					</div>
				</div>

				<ul class="nav navbar-nav">
					<li class="nav-all pull-right full-subnav-wrapper">

						<a href="#" data-toggle="li"> 
							<span class="text">All Categories</span>
							<span class="toggle glyphicon glyphicon-align-justify"></span>
						</a>

						<div class="row subnav-wrapper">
							
							<div class="col-md-2 col-sm-2 bg-bar">
								<strong class="subnav-header">Pages</strong>
								<ul class="subnav-full">
									<li><a href="index.html">Blog 3 Columns</a></li>
									<li><a href="blog.html">Blog 2 Columns</a></li>
									<li><a href="blog-grids.html">Blog Grids</a></li>
									<li><a href="reviews.html">Reviews Archive</a></li>
									<li><a href="single.html">Single Blog</a></li>
									<li><a href="single-full.html">Single Blog (Full)</a></li>
									<li><a href="components.html">Components</a></li>
								</ul>
							</div>

							<div class="col-md-2 col-sm-2">
								<strong class="subnav-header">Colorschemes</strong>
								<ul class="subnav-full">
									<li><a href="../html/">Coolorize</a></li>
									<li><a href="../html-dark/">Dark</a></li>
									<li><a href="../html-light/">Light</a></li>
									<li><a href="#">Amet Commodo</a></li>
									<li><a href="#">Consectetur </a></li>
									<li><a href="#">Adipisicing</a></li>
									<li><a href="#">Duis aute </a></li>
								</ul>
							</div>

							<div class="col-md-2 col-sm-2">
								<strong class="subnav-header">Banner Placements</strong>
								<ul class="subnav-full">
									<li><a href="banner-index.html">Home</a></li>
									<li><a href="banner-single.html">Single</a></li>
									<li><a href="#">Ipsum  Nisi </a></li>
									<li><a href="#">Dolor Aliquip</a></li>
								</ul>
							</div>

							<div class="col-md-2 col-sm-2">
								<strong class="subnav-header">Category</strong>
								<ul class="subnav-full">
									<li><a href="#">Ipsum  Nisi </a></li>
									<li><a href="#">Dolor Aliquip</a></li>
									<li><a href="#">Amet Commodo</a></li>
									<li><a href="#">Consectetur </a></li>
								</ul>
							</div>

							<div class="col-md-2 col-sm-2">
								<strong class="subnav-header">Category</strong>
								<ul class="subnav-full">
									<li><a href="#">Consectetur </a></li>
									<li><a href="#">Adipisicing</a></li>
									<li><a href="#">Ipsum  Nisi </a></li>
									<li><a href="#">Dolor Aliquip</a></li>
								</ul>
							</div>

							<div class="col-md-2 col-sm-2">
								<strong class="subnav-header">Category</strong>
								<ul class="subnav-full">
									<li><a href="#">Ipsum  Nisi </a></li>
									<li><a href="#">Dolor Aliquip</a></li>
									<li><a href="#">Amet Commodo</a></li>
									<li><a href="#">Consectetur </a></li>
								</ul>
							</div>

						</div>
					</li>
					<li class="active">
						<a href="#" data-toggle="li">Features</a>
						<div class="subnav-wrapper">
							<ul class="subnav">
								<li><a href="index.html">Blog 3 Columns</a></li>
								<li><a href="blog.html">Blog 2 Columns</a></li>
								<li class="active"><a href="blog-grids.html">Blog Grids</a></li>
								<li><a href="reviews.html">Reviews Archive</a></li>
								<li><a href="single.html">Single Blog</a></li>
								<li><a href="single-full.html">Single Blog (Full)</a></li>
								<li><a href="components.html">Components</a></li>
								<li>
									<a href="#" data-toggle="li">Colorshemes</a>
									<div class="subnav-wrapper">
										<ul class="subnav">
											<li><a href="../html/">Coolorize</a></li>
											<li><a href="../html-dark/">Dark</a></li>
											<li><a href="../html-light/">Light</a></li>
										</ul>
									</div>
								</li>
								<li>
									<a href="#" data-toggle="li">Banner Placements</a>
									<div class="subnav-wrapper">
										<ul class="subnav">
											<li><a href="banner-index.html">Home</a></li>
											<li><a href="banner-single.html">Single</a></li>
										</ul>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<li class="full-subnav-wrapper">
						<a href="#" data-toggle="li">Drop Down 2</a>

						<div class="row subnav-wrapper subnav-tabbed">
							
							<ul class="col-md-2 col-sm-2 subnav-tabbed-tabs alignright">
								
								<li class="active"><a href="#tabAll">All </a></li>
								<li><a href="#tabNotebook">Notebook</a></li>
								<li><a href="#tabSmartphone">Smartphone</a></li>
								
							</ul>

							<div class="col-md-10 col-sm-10 subnav-tabbed-panels">

								<div id="tabAll" class="subnav-tabbed-panel active">
									
									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
													<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_1.jpg" data-src-retina="../uploads/460x460_1.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_1.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_2.jpg" data-src-retina="../uploads/460x460_2.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_2.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>

									</article>

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_3.jpg" data-src-retina="../uploads/460x460_3.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_3.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_4.jpg" data-src-retina="../uploads/460x460_3.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_4.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>
									
								</div>
								<div id="tabNotebook" class="subnav-tabbed-panel">

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_2.jpg" data-src-retina="../uploads/460x460_2.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_2.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>

									</article>

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_3.jpg" data-src-retina="../uploads/460x460_3.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_3.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>

									
									</article>

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_4.jpg" data-src-retina="../uploads/460x460_3.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_4.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>
									
									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_5.jpg" data-src-retina="../uploads/460x460_5.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_5.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>

									
									</article>

								</div>
								<div id="tabSmartphone" class="subnav-tabbed-panel">

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_3.jpg" data-src-retina="../uploads/460x460_3.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_3.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_4.jpg" data-src-retina="../uploads/460x460_3.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_4.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>
									
									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_5.jpg" data-src-retina="../uploads/460x460_5.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_5.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_1.jpg" data-src-retina="../uploads/460x460_1.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_1.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>

								</div>

							</div>

						</div>

					</li>
					<li>
						<a href="#" data-toggle="li">Drop Down 3</a>

						<div class="subnav-wrapper">
							<ul class="subnav-entries">
								<li><a href="#">Recent Entry fits in this type of dropdown. </a></li>
								<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit </a></li>
								<li><a href="#">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua </a></li>
								<li><a href="#">Ut enim ad minim veniam, quis nostrud exercitation ullamco </a></li>
								<li><a href="#">Laboris nisi ut aliquip ex ea commodo consequat. </a></li>
								<li><a href="#">Duis aute irure dolor in reprehenderit</a></li>
								<li><a href="#">In voluptate velit esse cillum dolore eu fugiat nulla pariatur</a></li>
								<li><a href="#">Excepteur sint occaecat cupidatat non proident</a></li>
								<li><a href="#">Sunt in culpa qui officia deserunt mollit anim id est laborum</a></li>
							</ul>
						</div>

					</li>
					<li><a href="#">Category 1</a></li>
					<li><a href="#">Category 2</a></li>
					<li><a href="#">Category 3</a></li>
					<li><a href="#">Category 4</a></li>
					<li><a href="#">Category 5</a></li>
					<li><a href="#">Category 6</a></li>
					<li><a href="#">Category 7</a></li>
				</ul>

			</div>

		</nav>

		<div id="main" class="container">

			<div class="section row entries bg-primary section-no-margin-bottom">

				<article class="entry style-grid style-hero hero-sm-largest type-post col-sm-12 col-md-8 col-lg-8 col-xl-6 colheight-sm-1 colheight-md-2 colheight-lg-2 colheight-xl-2">
					
					<div class="ribbon ribbon-pulled ribbon-small ribbon-highlight">
						<a href="blog.html">Category Name</a>
					</div>

					<header class="entry-header">
						<h3 class="entry-title"><a href="single.html">This can be use for hand picked featured posts by staffs - sit voluptatem accusantium doloremque laudantium</a> </h3>
						<div class="entry-meta">
							<span class="entry-date"><a href="blog.html"><time datetime="2013-07-04T23:26:34+00:00">20 hours ago</time></a></span>
							<span class="entry-author"> by <a href="blog.html">John Doe</a></span>
						</div>
					</header>

					<figure class="entry-thumbnail">

						<a href="single.html" class="overlay overlay-primary"></a>

						<!-- to disable lazy loading, remove data-src and data-src-retina -->
						<img src="../img/placeholder.gif" data-src="../uploads/680x452_2.jpg" data-src-retina="../uploads/1024x680_2.jpg" width="680" height="452" alt="">

						<!--fallback for no javascript browsers-->
						<noscript>
							<img src="../uploads/680x452_2.jpg" alt="">
						</noscript>

					</figure>

				</article>

				<article class="entry style-grid style-hero type-post col-sm-6 col-md-4 col-lg-4 col-xl-6 colheight-sm-1 colheight-md-1 colheight-lg-1 colheight-xl-2">
					
					<div class="ribbon ribbon-pulled ribbon-small ribbon-highlight">
						<a href="blog.html">Event</a>
					</div>

					<header class="entry-header">
						<h3 class="entry-title"><a href="single.html">Rumor: The long awaited update for Retina Display is ready to be annaunced on the next event held by them</a> </h3>
						<div class="entry-meta">
							<span class="entry-date"><a href="blog.html"><time datetime="2013-07-04T23:26:34+00:00">20 hours ago</time></a></span>
							<span class="entry-author"> by <a href="blog.html">John Doe</a></span>
						</div>
					</header>
					
					<figure class="entry-thumbnail">

						<a href="single.html" class="overlay overlay-primary"></a>

						<!-- to disable lazy loading, remove data-src and data-src-retina -->
						<img src="../img/placeholder.gif" data-src="../uploads/680x452_1.jpg" data-src-retina="../uploads/1024x680_1.jpg" width="680" height="452" alt="">

						<!--fallback for no javascript browsers-->
						<noscript>
							<img src="../uploads/680x452_1.jpg" alt="">
						</noscript>

					</figure>

				</article>

				<article class="entry style-grid style-hero hero-sm-larger hero-xl-normal type-post col-sm-6 col-md-4 col-lg-4 col-xl-4 colheight-sm-1 colheight-md-2 colheight-lg-2 colheight-xl-1 sm-pull-right">
					
					<div class="ribbon ribbon-pulled ribbon-small ribbon-highlight">
						<a href="blog.html">Technology</a>
					</div>

					<header class="entry-header">
						<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium</a> </h3>
						<div class="entry-meta">
							<span class="entry-date"><a href="blog.html"><time datetime="2013-07-04T23:26:34+00:00">20 hours ago</time></a></span>
							<span class="entry-author"> by <a href="blog.html">John Doe</a></span>
						</div>
					</header>
					
					<figure class="entry-thumbnail">

						<a href="single.html" class="overlay overlay-primary"></a>

						<!-- to disable lazy loading, remove data-src and data-src-retina -->
						<img src="../img/placeholder.gif" data-src="../uploads/380x435_1.jpg" data-src-retina="../uploads/620x709_1.jpg" width="380" height="435" alt="">

						<!--fallback for no javascript browsers-->
						<noscript>
							<img src="../uploads/380x435_1.jpg" alt="">
						</noscript>

					</figure>

				</article>

				<article class="entry style-grid style-hero type-post col-sm-6 col-md-4 colheight-md-1 colheight-sm-1 colheight-md-1 colheight-lg-1 colheight-lg-1 colheight-xl-1">
					
					<div class="ribbon ribbon-pulled ribbon-small ribbon-highlight">
						<a href="">Entertainment</a>
					</div>

					<header class="entry-header">
						<h3 class="entry-title"><a href="single.html">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a> </h3>
						<div class="entry-meta">
							<span class="entry-date"><a href="blog.html"><time datetime="2013-07-04T23:26:34+00:00">20 hours ago</time></a></span>
							<span class="entry-author"> by <a href="blog.html">John Doe</a></span>
						</div>
					</header>
					
					<figure class="entry-thumbnail">

						<a href="single.html" class="overlay overlay-primary"></a>

						<!-- to disable lazy loading, remove data-src and data-src-retina -->
						<img src="../img/placeholder.gif" data-src="../uploads/480x280_1.jpg" data-src-retina="../uploads/720x420_1.jpg" width="480" height="280" alt="">

						<!--fallback for no javascript browsers-->
						<noscript>
							<img src="../uploads/480x280_1.jpg" alt="">
						</noscript>

					</figure>

				</article>

				<article class="entry style-grid style-hero type-post col-sm-6 col-md-4 colheight-md-1 colheight-sm-1 colheight-md-1 colheight-lg-1 colheight-md-1 colheight-xl-1">
					
					<div class="ribbon ribbon-pulled ribbon-small ribbon-highlight">
						<a href="blog.html">Social Media</a>
					</div>

					<header class="entry-header">
						<h3 class="entry-title"><a href="single.html">Postman will send notifications to your flashy smartphone about popular people and their latest shouts.</a> </h3>
						<div class="entry-meta">
							<span class="entry-date"><a href="blog.html"><time datetime="2013-07-04T23:26:34+00:00">20 hours ago</time></a></span>
							<span class="entry-author"> by <a href="blog.html">John Doe</a></span>
						</div>
					</header>
					
					<figure class="entry-thumbnail">

						<a href="single.html" class="overlay overlay-primary"></a>

						<!-- to disable lazy loading, remove data-src and data-src-retina -->
						<img src="../img/placeholder.gif" data-src="../uploads/480x280_3.jpg" data-src-retina="../uploads/720x420_3.jpg" width="480" height="280" alt="">

						<!--fallback for no javascript browsers-->
						<noscript>
							<img src="../uploads/480x280_3.jpg" alt="">
						</noscript>

					</figure>

				</article>

			</div><!--/section.row.entries.ui-hero-entries-->
	
			<div id="content" class="section content bg-base">

				<h2 class="section-title ribbon ribbon-highlight"><span>What's New</span></h2>

				<div class="row entries">

					<article class="entry style-grid type-post col-xs-6 col-sm-6 col-md-3 colheight-sm-1 colheight-md-1">
						
						<header class="entry-header">
							<h3  class="entry-title">
								<a href="single.html" rel="bookmark">Excepteur sint occaecat cupidatat non proident</a>
							</h3>
							<div class="entry-meta">
								<span class="entry-date"><a href=""><time datetime="2013-07-04T23:26:34+00:00">8 hours ago</time></a></span>
								<span class="entry-category">In <a href="blog.html">Category</a></span>
							</div>
						</header>

						<figure class="entry-thumbnail">

							<a href="single.html" class="overlay overlay-primary"></a>

							<img src="../img/placeholder.gif" data-src="../uploads/230x230_1.jpg" data-src-retina="../uploads/460x460_1.jpg" width="230" height="230" alt="">

							<noscript>
								<img src="../uploads/230x230_1.jpg" alt="">
							</noscript>

						</figure>

					</article>

					<article class="entry style-grid type-post col-xs-6 col-sm-6 col-md-3 colheight-sm-1 colheight-md-1">
						
						<header class="entry-header">
							<h3  class="entry-title">
								<a href="single.html" rel="bookmark">Postman will send alerts to your phone about popular people and their shouts</a>
							</h3>
							<div class="entry-meta">
								<span class="entry-date"><a href=""><time datetime="2013-07-04T23:26:34+00:00">8 hours ago</time></a></span>
								<span class="entry-category">In <a href="blog.html">Social Media</a></span>
							</div>
						</header>

						<figure class="entry-thumbnail">

							<a href="single.html" class="overlay overlay-primary"></a>

							<img src="../img/placeholder.gif" data-src="../uploads/230x230_2.jpg" data-src-retina="../uploads/460x460_2.jpg" width="230" height="230" alt="">

							<noscript>
								<img src="../uploads/230x230_2.jpg" alt="">
							</noscript>

						</figure>

					</article>

					<article class="entry style-grid type-post col-xs-6 col-sm-6 col-md-3 colheight-sm-1 colheight-md-1">
						
						<header class="entry-header">
							<h3  class="entry-title">
								<a href="single.html" rel="bookmark">Curt Cobain: Wanting to be someone else is a waste of the person you are</a>
							</h3>
							<div class="entry-meta">
								<span class="entry-date"><a href=""><time datetime="2013-07-04T23:26:34+00:00">8 hours ago</time></a></span>
								<span class="entry-category">In <a href="blog.html">Entertainment</a></span>
							</div>
						</header>

						<figure class="entry-thumbnail">

							<a href="single.html" class="overlay overlay-primary"></a>

							<img src="../img/placeholder.gif" data-src="../uploads/230x230_3.jpg" data-src-retina="../uploads/460x460_3.jpg" width="230" height="230" alt="">

							<noscript>
								<img src="../uploads/230x230_3.jpg" alt="">
							</noscript>

						</figure>

					</article>

					<article class="entry style-grid type-post col-xs-6 col-sm-6 col-md-3 colheight-sm-1 colheight-md-1">
						
						<header class="entry-header">
							<h3  class="entry-title">
								<a href="single.html" rel="bookmark">Innovation distinguishes between a leader and a follower - Steve Jobs</a>
							</h3>
							<div class="entry-meta">
								<span class="entry-date"><a href=""><time datetime="2013-07-04T23:26:34+00:00">8 hours ago</time></a></span>
								<span class="entry-category">In <a href="blog.html">Technology</a></span>
							</div>
						</header>

						<figure class="entry-thumbnail">

							<a href="single.html" class="overlay overlay-primary"></a>

							<img src="../img/placeholder.gif" data-src="../uploads/230x230_4.jpg" data-src-retina="../uploads/460x460_4.jpg" width="230" height="230" alt="">

							<noscript>
								<img src="../uploads/230x230_4.jpg" alt="">
							</noscript>

						</figure>

					</article>

					<article class="entry style-grid type-post col-xs-6 col-sm-6 col-md-3 colheight-sm-1 colheight-md-1">
						
						<header class="entry-header">
							<h3  class="entry-title">
								<a href="single.html" rel="bookmark">Know your enemy and know yourself and you can fight a hundred battles without disaster - Tzun Zu</a>
							</h3>
							<div class="entry-meta">
								<span class="entry-date"><a href=""><time datetime="2013-07-04T23:26:34+00:00">8 hours ago</time></a></span>
								<span class="entry-category">In <a href="blog.html">Tactical</a></span>
							</div>
						</header>

						<figure class="entry-thumbnail">

							<a href="single.html" class="overlay overlay-primary"></a>

							<img src="../img/placeholder.gif" data-src="../uploads/230x230_5.jpg" data-src-retina="../uploads/460x460_5.jpg" width="230" height="230" alt="">

							<noscript>
								<img src="../uploads/230x230_5.jpg" alt="">
							</noscript>

						</figure>

					</article>

					<article class="entry style-grid type-post col-xs-6 col-sm-6 col-md-3 colheight-sm-1 colheight-md-1">
						
						<header class="entry-header">
							<h3  class="entry-title">
								<a href="single.html" rel="bookmark">Better to remain silent and be thought a fool than to speak out and remove all doubt, says Abraham L</a>
							</h3>
							<div class="entry-meta">
								<span class="entry-date"><a href=""><time datetime="2013-07-04T23:26:34+00:00">8 hours ago</time></a></span>
								<span class="entry-category">In <a href="blog.html">Politic</a></span>
							</div>
						</header>

						<figure class="entry-thumbnail">

							<a href="single.html" class="overlay overlay-primary"></a>

							<img src="../img/placeholder.gif" data-src="../uploads/230x230_6.jpg" data-src-retina="../uploads/460x460_6.jpg" width="230" height="230" alt="">

							<noscript>
								<img src="../uploads/230x230_6.jpg" alt="">
							</noscript>

						</figure>

					</article>

					<article class="entry style-grid type-post col-xs-6 col-sm-6 col-md-3 colheight-sm-1 colheight-md-1">
						
						<header class="entry-header">
							<h3  class="entry-title">
								<a href="single.html" rel="bookmark">Better to remain silent and be thought a fool than to speak out and remove all doubt, says Abraham L</a>
							</h3>
							<div class="entry-meta">
								<span class="entry-date"><a href=""><time datetime="2013-07-04T23:26:34+00:00">8 hours ago</time></a></span>
								<span class="entry-category">In <a href="blog.html">Politic</a></span>
							</div>
						</header>

						<figure class="entry-thumbnail">

							<a href="single.html" class="overlay overlay-primary"></a>

							<img src="../img/placeholder.gif" data-src="../uploads/230x230_7.jpg" data-src-retina="../uploads/460x460_7.jpg" width="230" height="230" alt="">

							<noscript>
								<img src="../uploads/230x230_7.jpg" alt="">
							</noscript>

						</figure>

					</article>

					<article class="entry style-grid type-post col-xs-6 col-sm-6 col-md-3 colheight-sm-1 colheight-md-1">
						
						<header class="entry-header">
							<h3  class="entry-title">
								<a href="single.html" rel="bookmark">Better to remain silent and be thought a fool than to speak out and remove all doubt, says Abraham L</a>
							</h3>
							<div class="entry-meta">
								<span class="entry-date"><a href=""><time datetime="2013-07-04T23:26:34+00:00">8 hours ago</time></a></span>
								<span class="entry-category">In <a href="blog.html">Politic</a></span>
							</div>
						</header>

						<figure class="entry-thumbnail">

							<a href="single.html" class="overlay overlay-primary"></a>

							<img src="../img/placeholder.gif" data-src="../uploads/230x230_8.jpg" data-src-retina="../uploads/460x460_8.jpg" width="230" height="230" alt="">

							<noscript>
								<img src="../uploads/230x230_8.jpg" alt="">
							</noscript>

						</figure>

					</article>

					<article class="entry style-grid type-post col-xs-6 col-sm-6 col-md-3 colheight-sm-1 colheight-md-1">
						
						<header class="entry-header">
							<h3  class="entry-title">
								<a href="single.html" rel="bookmark">Better to remain silent and be thought a fool than to speak out and remove all doubt, says Abraham L</a>
							</h3>
							<div class="entry-meta">
								<span class="entry-date"><a href=""><time datetime="2013-07-04T23:26:34+00:00">8 hours ago</time></a></span>
								<span class="entry-category">In <a href="blog.html">Politic</a></span>
							</div>
						</header>

						<figure class="entry-thumbnail">

							<a href="single.html" class="overlay overlay-primary"></a>

							<img src="../img/placeholder.gif" data-src="../uploads/230x230_9.jpg" data-src-retina="../uploads/460x460_9.jpg" width="230" height="230" alt="">

							<noscript>
								<img src="../uploads/230x230_9.jpg" alt="">
							</noscript>

						</figure>

					</article>

					<article class="entry style-grid type-post col-xs-6 col-sm-6 col-md-3 colheight-sm-1 colheight-md-1">
						
						<header class="entry-header">
							<h3  class="entry-title">
								<a href="single.html" rel="bookmark">Better to remain silent and be thought a fool than to speak out and remove all doubt, says Abraham L</a>
							</h3>
							<div class="entry-meta">
								<span class="entry-date"><a href=""><time datetime="2013-07-04T23:26:34+00:00">8 hours ago</time></a></span>
								<span class="entry-category">In <a href="blog.html">Politic</a></span>
							</div>
						</header>

						<figure class="entry-thumbnail">

							<a href="single.html" class="overlay overlay-primary"></a>

							<img src="../img/placeholder.gif" data-src="../uploads/230x230_10.jpg" data-src-retina="../uploads/460x460_10.jpg" width="230" height="230" alt="">

							<noscript>
								<img src="../uploads/230x230_10.jpg" alt="">
							</noscript>

						</figure>

					</article>

					<article class="entry style-grid type-post col-xs-6 col-sm-6 col-md-3 colheight-sm-1 colheight-md-1">
						
						<header class="entry-header">
							<h3  class="entry-title">
								<a href="single.html" rel="bookmark">Better to remain silent and be thought a fool than to speak out and remove all doubt, says Abraham L</a>
							</h3>
							<div class="entry-meta">
								<span class="entry-date"><a href=""><time datetime="2013-07-04T23:26:34+00:00">8 hours ago</time></a></span>
								<span class="entry-category">In <a href="blog.html">Politic</a></span>
							</div>
						</header>

						<figure class="entry-thumbnail">

							<a href="single.html" class="overlay overlay-primary"></a>

							<img src="../img/placeholder.gif" data-src="../uploads/230x230_11.jpg" data-src-retina="../uploads/460x460_11.jpg" width="230" height="230" alt="">

							<noscript>
								<img src="../uploads/230x230_11.jpg" alt="">
							</noscript>

						</figure>

					</article>

					<article class="entry style-grid type-post col-xs-6 col-sm-6 col-md-3 colheight-sm-1 colheight-md-1">
						
						<header class="entry-header">
							<h3  class="entry-title">
								<a href="single.html" rel="bookmark">Better to remain silent and be thought a fool than to speak out and remove all doubt, says Abraham L</a>
							</h3>
							<div class="entry-meta">
								<span class="entry-date"><a href=""><time datetime="2013-07-04T23:26:34+00:00">8 hours ago</time></a></span>
								<span class="entry-category">In <a href="blog.html">Politic</a></span>
							</div>
						</header>

						<figure class="entry-thumbnail">

							<a href="single.html" class="overlay overlay-primary"></a>

							<img src="../img/placeholder.gif" data-src="../uploads/230x230_12.jpg" data-src-retina="../uploads/460x460_12.jpg" width="230" height="230" alt="">

							<noscript>
								<img src="../uploads/230x230_12.jpg" alt="">
							</noscript>

						</figure>

					</article>

				</div><!--/.row.entries-->

			</div><!--/section.row.entries-->

			<div id="coverageCarousel" class="section bg-primary carousel carousel slide">

				<h2 class="section-title ribbon ribbon-focus"><span>&nbsp;</span></h2>
				<div class="carousel-inner">
					<div class="item active">
						<h2 class="section-title ribbon ribbon-focus"><a href="blog.html"> xPhone launch event</a></h2>

						<div class="row entries">

							<article class="entry style-grid type-post col-md-6 col-lg-3 colheight-sm-1">
								
								<header class="entry-header">
									<p class="small"><a href="blog.html">Review</a></p>
									<h3 class="entry-title"><a href="single.html">xPhone first hand: Check out, this might be the right phone for you</a> </h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html"><time datetime="2013-07-04T23:26:34+00:00">20 hours ago</time></a></span>
										<span class="entry-author"> by <a href="blog.html">John Doe</a></span>
									</div>
								</header>
								
								<figure class="entry-thumbnail">

									<a href="single.html" class="overlay overlay-primary"></a>

									<!-- to disable lazy loading, remove data-src and data-src-retina -->
									<img src="../img/placeholder.gif" data-src="../uploads/480x280_1.jpg" data-src-retina="../uploads/720x420_1.jpg" width="480" height="280" alt="">

									<!--fallback for no javascript browsers-->
									<noscript>
										<img src="../uploads/480x280_1.jpg" alt="">
									</noscript>

								</figure>

							</article>

							<article class="entry style-grid type-post col-md-6 col-lg-3 colheight-sm-1">

								<header class="entry-header">
									<p class="small"><a href="blog.html">Event Report</a></p>
									<h3 class="entry-title"><a href="single.html">The rumor was not a joke, lorem ispsum dolor sit amet constactetiour.</a> </h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html"><time datetime="2013-07-04T23:26:34+00:00">20 hours ago</time></a></span>
										<span class="entry-author"> by <a href="blog.html">John Doe</a></span>
									</div>
								</header>
								
								<figure class="entry-thumbnail">

									<a href="single.html" class="overlay overlay-primary"></a>

									<!-- to disable lazy loading, remove data-src and data-src-retina -->
									<img src="../img/placeholder.gif" data-src="../uploads/680x452_1.jpg" data-src-retina="../uploads/1024x680_1.jpg" width="680" height="452" alt="">

									<!--fallback for no javascript browsers-->
									<noscript>
										<img src="../uploads/680x452_1.jpg" alt="">
									</noscript>

								</figure>

							</article>

							<article class="entry style-grid type-post col-md-6 col-lg-3 colheight-sm-1">
								<header class="entry-header">
									<p class="small"><a href="blog.html">Event Report</a></p>
									<h3 class="entry-title"><a href="single.html">The Event is starting Now. Grab your popcorn, beer and notes.</a> </h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html"><time datetime="2013-07-04T23:26:34+00:00">20 hours ago</time></a></span>
										<span class="entry-author"> by <a href="blog.html">John Doe</a></span>
									</div>
								</header>
								
								<figure class="entry-thumbnail">

									<a href="single.html" class="overlay overlay-primary"></a>

									<!-- to disable lazy loading, remove data-src and data-src-retina -->
									<img src="../img/placeholder.gif" data-src="../uploads/480x280_3.jpg" data-src-retina="../uploads/720x420_3.jpg" width="480" height="280" alt="">

									<!--fallback for no javascript browsers-->
									<noscript>
										<img src="../uploads/480x280_3.jpg" alt="">
									</noscript>

								</figure>

							</article>

							<article class="entry style-grid type-post col-md-6 col-lg-3 colheight-sm-1">
								<header class="entry-header">
									<p class="small"><a href="blog.html">Speculation</a></p>
									<h3 class="entry-title"><a href="single.html">Rumor: The long awaited update for Retina Display is ready to be annaunced on the next event held by them</a> </h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html"><time datetime="2013-07-04T23:26:34+00:00">20 hours ago</time></a></span>
										<span class="entry-author"> by <a href="blog.html">John Doe</a></span>
									</div>
								</header>
								
								<figure class="entry-thumbnail">

									<a href="single.html" class="overlay overlay-primary"></a>

									<!-- to disable lazy loading, remove data-src and data-src-retina -->
									<img src="../img/placeholder.gif" data-src="../uploads/480x280_4.jpg" data-src-retina="../uploads/720x420_4.jpg" width="480" height="280" alt="">

									<!--fallback for no javascript browsers-->
									<noscript>
										<img src="../uploads/480x280_4.jpg" alt="">
									</noscript>

								</figure>

							</article>

						</div><!--/.row.entries-->

					</div><!--/.item-->
					<div class="item">
						<h2 class="section-title ribbon ribbon-focus"><a href="blog.html"> #WCDC 2013</a></h2>
						
						<div class="row entries">

							<article class="entry style-grid type-post col-md-6 col-lg-3 colheight-sm-1">
								<header class="entry-header">
									<p class="small"><a href="blog.html">Event Report</a></p>
									<h3 class="entry-title"><a href="single.html">The Event is starting Now. Grab your popcorn, beer and notes.</a> </h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html"><time datetime="2013-07-04T23:26:34+00:00">20 hours ago</time></a></span>
										<span class="entry-author"> by <a href="blog.html">John Doe</a></span>
									</div>
								</header>
								
								<figure class="entry-thumbnail">

									<a href="single.html" class="overlay overlay-primary"></a>

									<!-- to disable lazy loading, remove data-src and data-src-retina -->
									<img src="../img/placeholder.gif" data-src="../uploads/480x280_3.jpg" data-src-retina="../uploads/720x420_3.jpg" width="480" height="280" alt="">

									<!--fallback for no javascript browsers-->
									<noscript>
										<img src="../uploads/480x280_3.jpg" alt="">
									</noscript>

								</figure>

							</article>

							<article class="entry style-grid type-post col-md-6 col-lg-3 colheight-sm-1">
								<header class="entry-header">
									<p class="small"><a href="blog.html">Speculation</a></p>
									<h3 class="entry-title"><a href="single.html">Rumor: The long awaited update for Retina Display is ready to be annaunced on the next event held by them</a> </h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html"><time datetime="2013-07-04T23:26:34+00:00">20 hours ago</time></a></span>
										<span class="entry-author"> by <a href="blog.html">John Doe</a></span>
									</div>
								</header>
								
								<figure class="entry-thumbnail">

									<a href="single.html" class="overlay overlay-primary"></a>

									<!-- to disable lazy loading, remove data-src and data-src-retina -->
									<img src="../img/placeholder.gif" data-src="../uploads/480x280_4.jpg" data-src-retina="../uploads/720x420_4.jpg" width="480" height="280" alt="">

									<!--fallback for no javascript browsers-->
									<noscript>
										<img src="../uploads/480x280_4.jpg" alt="">
									</noscript>

								</figure>

							</article>

							<article class="entry style-grid type-post col-md-6 col-lg-3 colheight-sm-1">
								
								<header class="entry-header">
									<p class="small"><a href="blog.html">Review</a></p>
									<h3 class="entry-title"><a href="single.html">xPhone first hand: Check out, this might be the right phone for you</a> </h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html"><time datetime="2013-07-04T23:26:34+00:00">20 hours ago</time></a></span>
										<span class="entry-author"> by <a href="blog.html">John Doe</a></span>
									</div>
								</header>
								
								<figure class="entry-thumbnail">

									<a href="single.html" class="overlay overlay-primary"></a>

									<!-- to disable lazy loading, remove data-src and data-src-retina -->
									<img src="../img/placeholder.gif" data-src="../uploads/480x280_1.jpg" data-src-retina="../uploads/720x420_1.jpg" width="480" height="280" alt="">

									<!--fallback for no javascript browsers-->
									<noscript>
										<img src="../uploads/480x280_1.jpg" alt="">
									</noscript>

								</figure>

							</article>

							<article class="entry style-grid type-post col-md-6 col-lg-3 colheight-sm-1">

								<header class="entry-header">
									<p class="small"><a href="blog.html">Event Report</a></p>
									<h3 class="entry-title"><a href="single.html">The rumor was not a joke, lorem ispsum dolor sit amet constactetiour.</a> </h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html"><time datetime="2013-07-04T23:26:34+00:00">20 hours ago</time></a></span>
										<span class="entry-author"> by <a href="blog.html">John Doe</a></span>
									</div>
								</header>
								
								<figure class="entry-thumbnail">

									<a href="single.html" class="overlay overlay-primary"></a>

									<!-- to disable lazy loading, remove data-src and data-src-retina -->
									<img src="../img/placeholder.gif" data-src="../uploads/680x452_1.jpg" data-src-retina="../uploads/1024x680_1.jpg" width="680" height="452" alt="">

									<!--fallback for no javascript browsers-->
									<noscript>
										<img src="../uploads/680x452_1.jpg" alt="">
									</noscript>

								</figure>

							</article>

						</div><!--/.row.entries-->

					</div><!--/.item-->
				</div><!--/.carousel-inner-->

				<a class="left carousel-control" href="#coverageCarousel" data-slide="prev">
					<span class="icon icon-angle-left"></span>
				</a>
				<a class="right carousel-control" href="#coverageCarousel" data-slide="next">
					<span class="icon icon-angle-right"></span>
				</a>

			</div><!--/.carousel-->

			<div class="section sidebar row">

				<aside class="widget col-sm-6 col-md-3">

					<h3 class="widget-title ribbon"><span>Latest Discussion</span></h3>

					<ul class="entries">

						<li class="entry style-recent-list type-post">

							<span class="comments-count-balloon">900</span>
							<a href="single.html" rel="bookmark" class="entry-title">Ullamco laboris nisi ut aliquip ex ea commodo consequat.</a>

						</li>

						<li class="entry style-recent-list type-post">

							<span class="comments-count-balloon">860</span>
							<a href="single.html" rel="bookmark" class="entry-title">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a>
							
						</li>

						<li class="entry style-recent-list type-post">

							<span class="comments-count-balloon">1234</span>
							<a href="single.html" rel="bookmark" class="entry-title">In voluptate velit esse cillum dolore eu fugiat nulla pariatur.</a>
							
						</li>

						<li class="entry style-recent-list type-post">

							<span class="comments-count-balloon">90</span>
							<a href="single.html" rel="bookmark" class="entry-title">Duis aute irure dolor in reprehenderit.</a>
							
						</li>

						<li class="entry style-recent-list type-post">

							<span class="comments-count-balloon">8</span>
							<a href="single.html" rel="bookmark" class="entry-title">Utempor incididunt ut labore et dolore magna aliqua.</a>
							
						</li>

					</ul>

				</aside><!--/.widget-->

				<aside class="widget col-sm-6 col-md-3">

					<h3 class="widget-title ribbon ribbon-focus"><span>Special Coverage</span></h3>

					<ul class="entries coverageList aligncenter">
						<li><a href="blog.html">#xPhone launch event</a></li>
						<li><a href="blog.html">#WCDC 2013</a></li>
						<li><a href="blog.html">#Nokiem bought by Macrosoft</a></li>
						<li><a href="blog.html">#Blueberry JUMP 2013</a></li>
						<li><a href="blog.html">#CONFEST 2013</a></li>
						<li><a href="blog.html">#Ullamco laboris nisi ut. </a></li>
						<li><a href="blog.html">#Eliquip ex ea commodo consequat.</a></li>
						<li><a href="blog.html">#Duis aute irure dolor in.</a></li>
						<li><a href="blog.html">#Reprehenderit in voluptate</a></li>
						<li><a href="blog.html">#Velit esse Ullamco laboris.</a></li>
					</ul>

				</aside><!--/.widget-->

				<aside class="widget col-sm-6 col-md-3">

					<h2 class="widget-title ribbon"><span>Top Notebook</span></h2>

					<ul class="entries">
						<li class="entry style-score-widget">
							<div class="score-label entry-title"><a href="single-full.html">xPhone 15s</a></div>
							<div class="progress">
								<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 81%;">
									<span>Score:&nbsp;81</span>
								</div>
							</div>
						</li>
						<li class="entry style-score-widget">
							<div class="score-label entry-title"><a href="single-full.html">Droid Maxxi</a></div>
							<div class="progress">
								<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
									<span>Score:&nbsp;80</span>
								</div>
							</div>
						</li>
						<li class="entry style-score-widget">
							<div class="score-label entry-title"><a href="single-full.html">Performance</a></div>
							<div class="progress">
								<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
									<span>Score:&nbsp;76</span>
								</div>
							</div>
						</li>
						<li class="entry style-score-widget">
							<div class="score-label entry-title"><a href="single-full.html">NFC Dragonfly</a></div>
							<div class="progress">
								<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
									<span>Score:&nbsp;75</span>
								</div>
							</div>
						</li>
						<li class="entry style-score-widget">
							<div class="score-label entry-title"><a href="single-full.html">Andromeda Titan</a></div>
							<div class="progress">
								<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
									<span>Score:&nbsp;70</span>
								</div>
							</div>
						</li>
					</ul>

				</aside>

				<aside class="widget col-sm-6 col-md-3">

					<h3 class="widget-title ribbon ribbon-focus"><span>TAGS</span></h3>

					<div class="tagcloud">
						<a href="#">Some</a>
						<a href="#">Tag</a>
						<a href="#">Goes</a>
						<a href="#">Here</a>
						<a href="#">Utempor</a>
						<a href="#">Incididunt</a>
						<a href="#">Labore</a>
						<a href="#">Dolore</a>
						<a href="#">Magna</a>
						<a href="#">Aliqua</a>
						<a href="#">Seddo</a> 
						<a href="#">Siusmod</a>
						<a href="#">Tempor</a>
						<a href="#">Incididunt</a>
						<a href="#">Ut labore</a>
						<a href="#">Et dolore </a>
						<a href="#">Magna </a>
						<a href="#">Aliqua</a>
						<a href="#">Aliqua</a>
						<a href="#">Seddo</a> 
						<a href="#">Siusmod</a>
						<a href="#">Tempor</a>
						<a href="#">Incididunt</a>
						<a href="#">Ut labore</a>
						<a href="#">Et dolore </a>
						<a href="#">Magna </a>
						<a href="#">Aliqua</a>
					</div>

				</aside><!--/.widget-->
					
			</div>
			
		</div><!--#main.container-->

		<footer id="footer" class="footer-area">

			<div class="footer-top container">
	
				<div class="row">

					<div class="widget col-xs-12 col-sm-4">

						<h4 class="widget-title">Categories</h4>

						<ul class="entries links links-2-cols">
							<li><a href="blog.html">Entertainment</a></li>
							<li><a href="blog.html">Event</a></li>
							<li><a href="blog.html">Technology</a></li>
							<li><a href="blog.html">Social Media</a></li>
							<li><a href="blog.html">Tactical</a></li>
							<li><a href="reviews.html">Notebook</a></li>
							<li><a href="reviews.html">Smartphone</a></li>
							<li><a href="reviews.html">Tablet</a></li>
						</ul>

					</div><!--/.col-3-->

					<div class="clearfix visible-xs"></div>

					<div class="widget col-xs-6 col-sm-2">

						<h4 class="widget-title">Information</h4>

						<ul class="entries links links">
							<li><a href="#">About</a></li>
							<li><a href="#">Contact</a></li>
							<li><a href="#">Advertise </a></li>
							<li><a href="#">Terms &amp; Conditions</a></li>
							<li><a href="#">Privacy</a></li>
						</ul>

					</div><!--/.col-3-->

					<div class="widget col-xs-6 col-sm-2">

						<h4 class="widget-title">Follow Us</h4>

						<ul class="entries links">
							<li><a href="blog.html"><i class="icon-facebook-sign icon-2x"></i> Facebook</a></li>
							<li><a href="blog.html"><i class="icon-twitter-sign icon-2x"></i> Twitter</a></li>
							<li><a href="blog.html"><i class="icon-google-plus-sign icon-2x"></i> Google Plus</a></li>
							<li><a href="blog.html"><i class="icon-linkedin-sign icon-2x"></i> Linkedin</a></li>
						</ul>

					</div><!--/.col-3-->

					<div class="clearfix visible-xs"></div>

					<div class="widget col-xs-12 col-sm-4">

						<h4 class="widget-title">Subscribe</h4>

						<form class="form-horizontal" role="form">
							<div class="form-group">
								<label for="subscribeEmail" class="col-lg-2 control-label">EMAIL</label>
								<div class="col-lg-10">
									<input type="text" class="form-control" id="subscribeEmail" placeholder="Your Email">
								</div>
							</div>
							<div class="form-group">
								<label class="col-lg-2 control-label">RSS</label>
								<div class="col-lg-10">
									<p class="form-control-static">
										<a href=""><i class="icon-rss-sign"></i> Posts</a> &nbsp; &nbsp;
										<a href=""><i class="icon-rss-sign"></i> Comments</a>
									</p>
								</div>
							</div>
						</form>

					</div><!--/.col-3-->

				</div><!--row.-->

			</div>

			<div class="footer-bottom">

				<div class="container aligncenter">

					<p>&copy;2013 by <a href="http://coolorize.com">Coolorize Network</a>. All Right Reserved. <p>

				</div>

			</div>

		</footer>
		
		<script src="../vendor/jquery-1.10.1.min.js"></script>
		<!--
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
		<script>window.jQuery || document.write('<script src="../vendor/jquery-1.10.1.min.js"><\/script>')</script>
	-->

		<script src="../vendor/bootstrap/js/bootstrap.min.js"></script>

		<script src="../vendor/prettyPhoto/jquery.prettyPhoto.js"></script>


		<script src="../vendor/jquery.unveil.min.js"></script>
		
		<script src="../js/main.js"></script>

	</body>
</html>